<template>
  <div class="v-column">
   <ve-histogram :data="chartData" :settings="chartSettings" :extend="chartExtend"></ve-histogram>
  </div>
</template>

<script>
export default {
  name: '',
  data(){
    return {
      chartExtend:{
        color:['#29BE6E','#EC3D23'],
        series:{
          barWidth: 30,
        }
      },
      // chartSettings:{
      //   stack: { '用户': ['呼出通话量', '呼出未通话量'] }
      // },
      // chartData:{
      //   columns: ['日期', '呼出通话量', '呼出未通话量'],
      //   rows: [
      //       // { '日期': '00:00', '呼出通话量': 1393, '呼出未通话量': 1093 },
      //       // { '日期': '01:00', '呼出通话量': 3530, '呼出未通话量': 3230 },
      //       // { '日期': '02:00', '呼出通话量': 3530, '呼出未通话量': 3230 },
      //       // { '日期': '03:00', '呼出通话量': 2923, '呼出未通话量': 2623 },
      //       // { '日期': '04:00', '呼出通话量': 1723, '呼出未通话量': 1423 },
      //       // { '日期': '05:00', '呼出通话量': 3792, '呼出未通话量': 3492 },
      //       // { '日期': '06:00', '呼出通话量': 2300, '呼出未通话量': 4293 },
      //       // { '日期': '07:00', '呼出通话量': 4593, '呼出未通话量': 4293 },
      //       // { '日期': '08:00', '呼出通话量': 4593, '呼出未通话量': 2300 },
      //       // { '日期': '09:00', '呼出通话量': 2300, '呼出未通话量': 4293 },
      //       // { '日期': '10:00', '呼出通话量': 2000, '呼出未通话量': 4293 },
      //       // { '日期': '11:00', '呼出通话量': 4593, '呼出未通话量': 4293 },
      //       // { '日期': '12:00', '呼出通话量': 4593, '呼出未通话量': 2000 },
      //       // { '日期': '13:00', '呼出通话量': 2000, '呼出未通话量': 4293 },
      //       // { '日期': '14:00', '呼出通话量': 4593, '呼出未通话量': 4293 },
      //       // { '日期': '15:00', '呼出通话量': 2000, '呼出未通话量': 4293 },
      //       // { '日期': '16:00', '呼出通话量': 4593, '呼出未通话量': 2000 },
      //       // { '日期': '17:00', '呼出通话量': 4593, '呼出未通话量': 4293 },
      //       // { '日期': '18:00', '呼出通话量': 2000, '呼出未通话量': 4293 },
      //       // { '日期': '19:00', '呼出通话量': 4593, '呼出未通话量': 2000 },
      //       // { '日期': '20:00', '呼出通话量': 4593, '呼出未通话量': 4293 },
      //       // { '日期': '21:00', '呼出通话量': 2000, '呼出未通话量': 4293 },
      //       // { '日期': '22:00', '呼出通话量': 4593, '呼出未通话量': 4293 },
      //       // { '日期': '23:00', '呼出通话量': 1900, '呼出未通话量': 2000 },
      //   ]
      // }
    }
  },
  props:{
    chartData:{
      type:Object,
      default:function() {
        return {}
      }
    },
    chartSettings:{
      type:Object,
      default:function() {
        return {}
      }
    },
  },
  created(){
  },
  mounted(){
    // this.chartData.rows = this.toColumnDate.rows;
    // this.chartSettings.labelMap.num = this.toColumnDate.title.tip;
    // this.chartSettings.legendName[this.toColumnDate.title.tip] = this.toColumnDate.title.allTip;
  },
  methods:{

  },
  components:{

  },
  computed:{
    
  },
  watch:{

  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang='scss' scoped>
.v-column {
  width: 100%;
  height: 400px;
}
</style>
